<template>
  <div class="dashboard-container-content-center">
    <div class="dashboard-container-content-center-part1">
      <ContentCenterPart1 />
    </div>
    <div class="dashboard-container-content-center-part2">
      <ContentCenterPart2 />
    </div>
  </div>
</template>
<script>
  import ContentCenterPart1 from "./contentCenterPart1.vue";
  import ContentCenterPart2 from "./contentCenterPart2.vue";

  export default {
  name: "ContentLeft",
  components: {
    ContentCenterPart1,
    ContentCenterPart2,
  },
};
</script>
<style lang="scss" scoped>
.dashboard-container-content-center {
  width: 100%;
  height: 100%;
  &-part1 {
    margin-top: 30px;
  }
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
</style>
